Tekst inden i input felt`?

Hej Jacob,

Hvis du bruger HTML5, så kan du gøre sådan:

 <input type="text" name="tekst" placeholder="Tekst" />

For også at understøtte den kære IE, så kan du fx. bruge Modernizr og jQuery som Fallback:
http://webdesignerwall.com/tutorials/cross-browser-html5-placeholder-text

Sæt attributten value i input feltet til, at være den værdi du gerne vil have ... Eks:

<input type=text value="ostemad">

tak for jeres svar!

Jeg brugte placeholder, tak for hjælpen!

I så fald kan du med fordel læse følgende forum indlæg: http://www.udvikleren.dk/forum/37621/eksempeltekst-i-inputfields/

Til browsere der ikke understøtter placeholder brug denne kode

 <script>
  $(function() {
     if(!$.support.placeholder) { 
         var active = document.activeElement;
         $(':text').focus(function () {
             if ($(this).attr('placeholder') != '' && $(this).val() == $(this).attr('placeholder')) {
                 $(this).val('').removeClass('hasPlaceholder');
             }
         }).blur(function () {
             if ($(this).attr('placeholder') != '' && ($(this).val() == '' || $(this).val() == $(this).attr('placeholder'))) {
                 $(this).val($(this).attr('placeholder')).addClass('hasPlaceholder');
             }
         });
         $(':text').blur();
         $(active).focus();
         $('form').submit(function () {
             $(this).find('.hasPlaceholder').each(function() { $(this).val(''); });
         });
     }
 });
 </script>

@Anders, din kode kræver at siden også loader jQuery. Det er værd at nævne.

Desuden så er placeholder vidst ikke en del af jQuery.support som default - hverken efter min hukommelse eller hvad jeg kan se i dokumentationen. http://api.jquery.com/jQuery.support/

Men det er ret nemt at lave sin egen test;

 function placeholderSupport() { return ('placeholder' in document.createElement('input')); }

Funktionen placeholderSupport() returnerer false hvis placeholder ikke findes som attribut på input elementet.

@Gustav
Den virker da fint.

@Anders - prøv at loade en jQuery version og kør en console.log($.support.placeholder);

Det returnerer undefined - som stemmer overens med min påstand fra forrige indlæg.

(!undefined) == true - det er derfor dit eksempel virker. Det kører bare ikke kun i browsere uden placeholder support - det kører i ALLE browsere.